.SetCharts {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;

    &>.SetCharts__TopSelect {
        width: 100%;
        margin-bottom: 16px;
        display: flex;
        align-items: center;
        justify-content: center;

        &>.ant-select {
            flex: 1;
        }
    }

    &>.SetCharts__Box {
        width: 100%;
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;

        .FormTemplate {
            padding: 8px 0 0 0;
        }

        .TwoFormItem {
            width: 100% !important;

            &:last-child {
                margin: 0;
            }
        }

        &>div {
            flex: 1;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;

            &.Box_left {
                flex-direction: column;
                margin-right: 16px;

                &>.Box__Preview {
                    flex: 1;
                    width: 100%;
                    border: 1px solid #D9D9D9;
                    padding: 8px;
                    border-radius: 8px;
                    overflow: hidden;
                    margin-bottom: 16px;
                }

                &>.Box__Data {
                    flex: 1;
                    width: 100%;
                    display: flex;
                    align-items: flex-start;
                    justify-content: flex-start;
                    align-content: flex-start;
                    flex-wrap: wrap;
                    overflow-y: scroll;

                    &::-webkit-scrollbar {
                        display: none;
                    }

                    &>.SimulateDataTemplate {
                        width: calc(50% - 16px);
                        margin: 8px;
                        padding: 8px;
                        border-radius: 8px;
                        border: 1px solid #D9d9d9;
                        position: relative;
                        z-index: 1;

                        &>.SimulateDataTemplate__Delete {
                            position: absolute;
                            z-index: 2;
                            right: 8px;
                            top: -8px;
                            width: 24px;
                            height: 24px;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                            background: red;
                            border-radius: 50%;
                            color: white;
                            cursor: pointer;

                        }
                    }

                    &>.Box__AddData {
                        width: calc(50% - 16px);
                        height: 340px;
                        margin: 8px;
                        padding: 8px;
                        border-radius: 8px;
                        border: 1px solid #D9d9d9;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        flex-direction: column;
                        cursor: pointer;
                        user-select: none;

                        &>span {
                            font-size: 56px;
                            margin-bottom: 4px;
                        }

                        &>div {
                            font-family: ShuHeiTi;
                            font-weight: bold;
                            font-size: 30px;
                            color: #262626;
                        }
                    }
                }
            }

            &.Box_right {
                display: flex;
                align-items: flex-start;
                justify-content: flex-start;
                overflow-y: scroll;

                &::-webkit-scrollbar {
                    display: none;
                }

                &>div {
                    flex: 1;
                    margin: 8px;
                }
            }
        }
    }
}